<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Modalità Desktop</title>
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <meta name="viewport" content="width=device-width" />
</head>

<body>
    <header>
        <h1 class="title">Modalità Desktop</h1>
    </header>
    <main>
        <h3>Interagire con altri software</h3>
        <p>Utilizzando la Modalità Desktop, puoi interagire con l'intero computer e altri software, mantenendo OpenBoard come sovrapposizione!</p>
        <p>Basta cliccare sull'icona seguente:</p>
        <div class="image"><img id="bureau1" src="../../assets/hint3/bureau1.png" alt=""></div>
        <div>Usa il selettore (<span class="icon"><img src="../../assets/common/arrow.png" alt=""></span>) per interagire con il desktop e altri software.</div>
        <h3>Fare annotazioni sopra un'applicazione o un sito web</h3>
        <div>Puoi aggiungere annotazioni sopra qualsiasi software, utilizzando la penna (<span class="icon"><img src="../../assets/common/penArrow.svg" alt=""></span>) o il marcatore (<span class="icon"><img src="../../assets/common/markerArrow.svg" alt=""></span>).</div>
        <div class="image"><img src="../../assets/hint3/bureau-gif1.gif" alt=""></div>

        <span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>Puoi accedere a ulteriori opzioni per <span class="icon"><img src="../../assets/common/penArrow.svg" alt="la penna"></span>, <span class="icon"><img src="../../assets/common/markerArrow.svg" alt="il marcatore"></span> e <span class="icon"><img src="../../assets/common/eraserArrow.svg" alt="la gomma"></span> facendo un clic prolungato su di essi o facendo clic sulla piccola freccia nera.</span>
    </main>
    <footer>

    </footer>
</body>
</html>

